        var swiper1 = new Swiper('.swiper1', {
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
            },
        });

        var swiper2 = new Swiper('.swiper2', {
            slidesPerView: 'auto',
            freeMode: true,
        });

        // 可横向滑动切换选项卡
        $(function () {
            // ↓ 定制swiper
            var swiper3 = new Swiper('.swiper3', {
                slidesPerView: 8, // 设置slider容器能够同时显示的slides数量
                slidesPerView: 'auto', // 根据内容调整宽度 css{width：auto}
                paginationClickable: true, // 此参数设置为true时，点击分页器的指示点分页器会控制Swiper切换。
                // spaceBetween: 0, // slide之间的距离（单位px）。
                freeMode: true, // 设置为根据惯性滑动且不会贴合。
                loop: false, // 设置为不可循环}
            });


            var swiper4 = new Swiper('.swiper4', {
                //	freeModeSticky  设置为true 滑动会自动贴合  
                direction: 'horizontal', //	Slides的滑动方向，可设置水平(horizontal)或垂直(vertical)。
                loop: false,
                effect: 'fade', //	淡入
                autoHeight: true, // 自动高度。设置为true时，wrapper和container会随着当前slide的高度而发生变化。
            });
            // 定制swiper ↑

            // 添加和删除selected方法
            function setCurrentSlide(ele, index) {
                $(".swiper3 .swiper-slide").removeClass("selected");
                ele.addClass("selected");
            }

            swiper3.slides.each(function (index, val) {
                var ele = $(this);

                ele.on("click", function () {
                    var index = swiper3.clickedIndex; //获取当前所选的索引值
                    setCurrentSlide(ele, index); //添加和删除selected
                    swiper4.slideTo(index, 500, false); // 控制Swiper切换到指定slide
                });

            });
        });